<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('处理已回访工单')"/>
    <!--<th:block th:include="include :: select2-css" />-->
    <link th:href="@{/ajax/libs/bootstrap-switch/bootstrap-switch.min.css}" rel="stylesheet">
    <link th:href="@{/ajax/libs/bootstrap-tagsinput/tagsinput.css}" rel="stylesheet">
    <link th:href="@{/ajax/libs/jQuery-ui/jquery-ui.css}" rel="stylesheet">
    <link th:href="@{/css/iconfont/iconfont.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" th:href="@{/ajax/libs/qxEasyUI/themes/default/easyui.css}">


</head>
<style>
    .bootstrap-tagsinput > input {
        display: none;
    }

    .fixed-table-toolbar{
        display: none;
    }


    label {
        font-weight: bold;
    }

    @font-face {
        font-family: 'huawen';
        src: url("/fonts/huawen.woff2");
    }
</style>

<body style="background-color: #F4F6FA; font-size: 13px;font-family:'huawen' ;font-weight: bold">
<div class="main-content" style="margin: 0;padding: 0;letter-spacing:2px;">

    <form id="form-user-add" th:object="${workFormBase}" class="form-horizontal" style="background-color: #F4F6FA">
        <input type="hidden" name="pkId" id="pkId" th:field="*{pkId}">
        <input type="hidden" name="setProId" th:field="*{setProId}">
        <input type="hidden" name="crtStepId" th:field="*{crtStepId}">

        <div style="display: flex;justify-content: center">

            <div class="col-sm-9 entering-page">
                <!--工单内容、回复内容-->
                <div class="col-sm-12" style="margin-top: 10px">
                    <!--工单内容-->
                    <div class="col-sm-12 tltieBoder">
                        <div class="blueBorder"></div>
                        <h4 style="margin:0 0 0 10px">工单内容</h4>
                    </div>
                    <div id="fmContent"
                         style="padding: 5px;background-color: #FAFAFA;border-radius: 12px; height: 100px">
                        &nbsp;&nbsp;&nbsp;&nbsp;[[*{fmContent}]]
                    </div>
                    <!--回复内容-->
                    <div class="col-sm-12 tltieBoder">
                        <div class="blueBorder"></div>
                        <h4 style="margin:0 0 0 10px">回复内容</h4>
                    </div>
                    <div id="fmContent"
                         style="padding: 5px;background-color: #FAFAFA;border-radius: 12px; height: 100px">
                        &nbsp;&nbsp;&nbsp;&nbsp;[[*{doverDesc}]]
                    </div>
                </div>
                <!--   工单基本信息     -->
                <div class="col-sm-12">
                    <div class="col-sm-12 tltieBoder">
                        <div class="blueBorder"></div>
                        <h4 style="margin:0 0 0 10px">工单基本信息</h4>
                    </div>
                    <!--工单主题、工单编号-->
                    <div class="form-group col-sm-12">
                        <label class="col-sm-2 control-label  entering-pd">工单主题：</label>
                        <div class="col-sm-3">
                            <span class="tworkformprocess-span">[[*{wsTopic}]]</span>
                        </div>
                        <label class="col-sm-2 control-label  entering-pd">工单编号：</label>
                        <div class="col-sm-3">
                            <span class="tworkformprocess-span">[[*{workFormNo}]]</span>
                        </div>
                    </div>
                    <!--工单性质、拟办期限-->
                    <div class="form-group col-sm-12">
                        <label class="col-sm-2 control-label entering-pd">工单性质：</label>
                        <div class="col-sm-3">
                            <span class="tworkformprocess-span">[[*{setProName}]]</span>
                        </div>
                        <label class="col-sm-2 control-label entering-pd">拟办期限：</label>
                        <div class="col-sm-3">
                            <span class="tworkformprocess-span">[[*{#dates.format(wfLimit,'yyyy-MM-dd HH:mm:ss')}]]</span>
                        </div>
                    </div>
                    <!--建议公开、摘报-->
                    <div class="form-group col-sm-12">
                        <label class="col-sm-2 control-label entering-pd">建议公开：</label>
                        <div class="col-sm-3">
                            <span class="tworkformprocess-span">[[*{openX == 1 ? "是" : "否"}]](办理过程公开)</span>
                        </div>
                        <label class="col-sm-2 control-label entering-pd">摘报：</label>
                        <div class="col-sm-3">
                            <span class="tworkformprocess-span">[[*{reportFlag == 1 ? "是" : "否"}]]</span>
                        </div>
                    </div>
                    <!--来电人名、联系电话-->
                    <div class="form-group col-sm-12">
                        <label class="col-sm-2 control-label entering-pd">来电人名：</label>
                        <div class="col-sm-3">
                            <span class="tworkformprocess-span">[[*{fromName}]]</span>
                        </div>
                        <label class="col-sm-2 control-label entering-pd">联系电话：</label>
                        <div class="col-sm-3">
                            <span class="tworkformprocess-span">[[*{fromTelA}]]</span>
                        </div>
                    </div>
                    <!--工单备注-->
                    <div class="form-group col-sm-12">
                        <label class="col-sm-2 control-label entering-pd">工单备注：</label>
                        <div class="col-sm-8">
                            <span class="tworkformprocess-span">[[*{wfRemark}]]</span>
                        </div>
                    </div>



                </div>
                <!--   回访记录     -->
                <div class="col-sm-12">
                    <div class="col-sm-12 tltieBoder">
                        <div class="blueBorder"></div>
                        <h4 style="margin:0 0 0 10px">回访情况</h4>
                    </div>
                    <div class="col-sm-12">
                        <table id="bootstrap-table"></table>
                    </div>
                </div>

            </div>

            <!--按钮-->
            <div class="col-sm-3">
                    <div class="col-sm-12 entering-bt" style="margin-top: 10px;position: fixed;">
                        <button type="button" class="btn btn-sm btn-info" onclick="toOverForm()">强制结束
                        </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button type="button" class="btn btn-sm btn-success" onclick="toSendForm()">重新派单
                        </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button type="button" class="btn btn-sm btn-warning" onclick="$.modal.closeTab()">关闭
                        </button>&nbsp;
                    </div>
        </div>
    </form>
</div>

<script th:src="@{/ajax/libs/layui/laydate.js}"></script>
<th:block th:include="include :: footer"/>
<script th:src="@{/ajax/libs/bootstrap-tagsinput/tagsinput.min.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-switch/bootstrap-switch.min.js}"></script>
<script th:src="@{/ajax/libs/jQuery-ui/jquery-ui.js}"></script>
<script th:src="@{/ajax/libs/qxEasyUI/jquery.easyui.min.js}"></script>


<script>
    let wfId = $('#pkId').val();
    $(function () {
        var options = {
            url: '/system/twfJudge/backRsltDeal/judgeList/'+wfId,
            sortName: "pkId",
            modalName: "回访情况",
            sortOrder: "desc",
            uniqueId: "pkId",
            showColumns: false,                  //是否显示所有的列（选择显示的列）
            showRefresh: false,
            showSearch: false,
            showToggle: false,
            columns: [{
                field: 'pkId',
                title: 'id',
                visible: false
            },
                {
                    field: 'visitPerson',
                    title: '评价人',
                    align: 'center',
                }, {
                    field: 'visitTime',
                    title: '时间',
                    align: 'center',
                }, {
                    field: 'vstLostN',
                    title: '回访否',
                    align: 'center',
                }, {
                    field: 'solveN',
                    title: '问题解决',
                    align: 'center',
                }, {
                    field: 'judgeN',
                    title: '满意度',
                    align: 'center',
                }, {
                    field: 'vstDesc',
                    title: '回访意见',
                    align: 'center'
                }]
        };
        $.table.init(options);
    });

    //进入强制结束页面
    function toOverForm(){
        var url = "/system/mTelWF/rManage/tWFormOver/" + wfId;
        $.modal.openTab('强制结束',url);
    }

    //进入重新派单页面
    function toSendForm(){
        var url = "/system/mTelWF/rManage/wfDraftCheck/" + wfId;
        $.modal.openTab('重新派单',url);
    }
</script>
</body>
</html>

